@import '../../lib/colors.less';

@font-face {
  font-family: 'iconfont';  /* project id 923267 */
  src: url('//at.alicdn.com/t/font_923267_kt6i23wq278.eot');
  src: url('//at.alicdn.com/t/font_923267_kt6i23wq278.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_923267_kt6i23wq278.woff') format('woff'),
  url('//at.alicdn.com/t/font_923267_kt6i23wq278.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_923267_kt6i23wq278.svg#iconfont') format('svg');
}

.wgd {

  &-tabbar {
    background-color: black;
    width: 100%;
    height: 52px;
    display: flex;

    &-item {
      
      flex: 1;
      display: flex;
      flex-direction: column;
      text-align: center;
      color: lighten(#ffffff, 30%);
      &.active {
        color: #ffffff79;
      }
      

      .icon {
        height: 32px;
        line-height: 32px;
        font-family: 'iconfont';
      }
      .text {
        height: 20px;
        font-size: 12px;
        line-height: 20px;
      }
    }
  }
}